<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>loading 预加载动画特效</title>
	</head>

	<body>
		<div class="wrap">
			<a href="https://www.cnblogs.com/gongyue/p/8057426.html">loading 动画特效</a>
			<!-- <a href="" target="_blank">点击</a> -->
		</div>
	</body>

	<style>
		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}

		.wrap {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100vh;
			background-color: #37474f;
		}

		
	</style>

</html>
